<template>
  <div class="header">
    <router-link to="/child1">Child1</router-link>
    <router-link to="/child2">Child2</router-link>
    <router-link to="/child3">Child3</router-link>
    <router-link to="/chacao">插槽</router-link>
  </div>
</template>

<script>
export default {
  name: "Header"
}
</script>

<style scoped>
  .header{
    width: 100%;
    height: 15%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-content: center;
    background-color: #8bda79;
  }
</style>